<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="<%=request.getContextPath()%>/login?method=login" method="post">
	用户名：<input type="text" name="name"/>	<br/>
	密 码 ： <input type="password" name="password"/><br/>
	验证码：<input type="text" name="checkCode"/><br/>
	<!-- 自动生成图片,点击方法，图片更换 ,进入到StudentCheckImgServlet页面 -->
	<img id="codeImg" alt="" src="${pageContext.request.contextPath}/checkImg" onclick="refreshCode()"><br/>
	<input type="submit" value="登陆"/>
	<input type="reset" value="重置"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="${pageContext.request.contextPath}/user_register.jsp">注册</a>
	</form>

	<script type="text/javascript" src="lib/jquery/jquery-1.11.1.js" ></script>
	<script type="text/javascript">
		
	function refreshCode(){
			/* 根据id找到图片，然后重定向到图片的地址，由于得更换图片，所以地址后加个随机数，保证两张图片不一样 */
			$("#codeImg").attr("src","${pageContext.request.contextPath}/checkImg?" + Math.random());
		}
	</script>
</body>
</html>